<template>
	<view>
		<view class="tikaview">
			<view class="order-pay1">
				<view class="questionBankAnswer-dc">
					<view class="questionBankAnswer-dc-flex">
						<view class="iconfont icon-dui"></view>
						<view>{{ my_res.right_num }}</view>
					</view>
					<view class="questionBankAnswer-dc-flex">
						<view class="iconfont icon-cuo"></view>
						<view>{{ my_res.error_num }}</view>
					</view>
				</view>
				<!-- <view class="questionBankAnswer-r">
					<view class="iconfont icon-fenlei"></view>
					<view class="questionBankAnswer-r-menu">
						<span>{{ timu_order }}</span>
						/{{ total_num }}
					</view>
				</view> -->
			</view>
			<view class="tika-content">
				<block v-for="(item, index) in timu_list" :key="index">
					<!-- 章节练习 -->
					<block>
						<view @tap="choice_timu_by_id(index)" class="tika-content-n green-background" v-if="item.state === 1">
							{{ index+1 }}
						</view>
						<view @tap="choice_timu_by_id(index)" class="tika-content-n red-background" v-else>
							{{ index+1 }}
						</view>
						<!-- <view class="tika-content-n" v-else-if="item.state === 3" @tap="choice_timu_by_id(index)">
							{{ index+1 }}
						</view>
						<view class="tika-content-n" v-else-if="item.state === 0" @tap="choice_timu_by_id(index)">
							{{ index + 1 }}
						</view> -->
					</block>
				</block>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			show_remove: {
				type: Boolean,
				default: false,
			},
			show_fav: {
				type: Boolean,
				default: false,
			},
			current_timu: {
				type: Object,
				default: function () {
					return {}
				},
			},
			type: {
				type: String,
				default: ''
			},
			question_type: {
				type: String,
				default: 'test'
			},
			my_res: {
				type: Object,
				default: function () {
					return {}
				},
			},
			timu_list: {
				type: Array,
				default: function () {
					return [];
				},
			},
			timu_order: {
				type: Number,
				default: 0,
			},
			total_num: {
				type: Number,
				default: 0,
			},
		},
		data() {
			return {}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.tikaview {
		margin: 30rpx auto;
		background: #fff;
		bottom: 0;
		width: 100%;
		height: 350px;
		border-radius: 16rpx;
	}

	.order-pay1 {
		border-radius: 16rpx 16rpx 0 0;
		/* 上左、上右、下右、下左的圆角 */
	}
</style>